var slides = document.querySelectorAll('.slide');
var currentSlide = 0;
var slideInterval = setInterval(nextSlide, 3000); // 每3秒自动切换到下一张图片，你可以根据需要调整时间间隔。  

var imageIndex = 0;
var images = ["image/11.png", "image/21.png", "image/31.png", "image/41.png"]; // 这里放置您的图片URLs  
var autoSlideInterval; // 用于存储自动切换的间隔  

function nextSlide() {
    slides[currentSlide].style.display = 'none'; // 隐藏当前图片和文字描述。  
    currentSlide = (currentSlide + 1) % slides.length; // 计算下一张图片的索引。  
    slides[currentSlide].style.display = 'block'; // 显示下一张图片和文字描述。  
}


function nextImage() {
    document.getElementById('image').src = images[imageIndex]; // 更新图片源  
    imageIndex++; // 增加索引以获取下一张图片  
    if (imageIndex >= images.length) { // 如果到达最后一张图片，回到第一张图片  
        imageIndex = 0;
    }
}

// 自动切换图片的函数  
function autoSwitchImage() {
    clearInterval(autoSlideInterval); // 清除任何现有的自动切换间隔  
    autoSlideInterval = setInterval(nextImage, 2000); // 设置新的自动切换间隔（2秒）  
}

// 初始加载时自动切换图片  
autoSwitchImage();